<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <script src="./Promise封装请求方式.js"></script>
</head>

<body>
  <button>发起请求</button>
  <h1></h1>
  <script>
    const btn = document.querySelector('button')
    const h1 = document.querySelector('h1')
    btn.addEventListener('click', function () {
      Promise.all(
        [wangAjax({
          method: 'get',
          url: 'http://www.liulongbin.top:3006/api/getbooks'
        }),
        wangAjax({
          method: 'POST',
          url: 'http://www.liulongbin.top:3006/api/addbook',
          data: { bookname: '前端开发实战', author: '老师们', publisher: '黑马程序员' }
        })
        ]
      ).then(
        res => {
          if (res) {
            console.log(res)
            h1.innerHTML = "我是主页"
          }
        }
      ).catch(
        err => {
          if (err) {
            console.log(err)
            h1.innerHTML = err
          }
        }
      )
    })

  </script>
</body>

</html>